<template>
  <a-watermark :content="waterMarkerContent">
    <a-card :body-style="{padding: '24px 32px'}" :bordered="false">
  
      <a-tabs>
        <a-tab-pane tab="基本信息" key="1"> 
          
            <a-row>
              <a-col :span="24">
                


              </a-col>
                <a-col :span="24">
                    <a-form-item
        :label="$t('webTitleInput')"
        :labelCol="{span: 3}"
        :wrapperCol="{span: 3}"
      >
        <a-input :placeholder="$t('webTitleInputDesc')" />
      </a-form-item>
                </a-col>
                <a-col :span="24">
                    <a-form-item
        :label="$t('webKeyWordsInput')"
        :labelCol="{span: 3}"
        :wrapperCol="{span: 3}"
      >
        <a-input :placeholder="$t('webKeyWordsInputDesc')" />
      </a-form-item>
                </a-col>
                <a-col :span="24">
                    <a-form-item  :label="$t('webDesciptionInput')"
        :labelCol="{span: 3}"
        :wrapperCol="{span: 6}">
        <a-textarea rows="4" :placeholder="$t('webDesciptionInputDesc')"/>
      </a-form-item>
                </a-col>
                <a-col :span="24">
                    <a-form-item  :label="$t('webCopyrightInput')"
        :labelCol="{span: 3}"
        :wrapperCol="{span: 6}">
        <a-input :placeholder="$t('webCopyrightInputDesc')" />
      </a-form-item>
                </a-col>
                <a-col :span="24">
                    <a-form-item  :label="$t('webIcpInput')"
        :labelCol="{span: 3}"
        :wrapperCol="{span: 6}">
        <a-input :placeholder="$t('webIcpInputDesc')" />
      </a-form-item>
                </a-col>
                <a-col :span="24">
                    <a-form-item  :label="$t('webIndexJsInput')"
        :labelCol="{span: 3}"
        :wrapperCol="{span: 6}">
        <a-textarea rows="4" :placeholder="$t('webIndexJsDesc')"/>
      </a-form-item>
                </a-col>
                <a-col :span="24">
                    <a-form-item  :label="$t('webPoliceBeianInput')"
        :labelCol="{span: 3}"
        :wrapperCol="{span: 6}">
        <a-input :placeholder="$t('webPoliceBeianDesc')" />
      </a-form-item>
                </a-col>
            </a-row>
        
          <a-col :span="24">
            <a-form-item
            :labelCol="{span:3}"
            :wrapperCol="{span: 10, offset: 3}"
            >
           
              <a-button type="primary">{{$t('submit')}}</a-button>
            </a-form-item>
            
          </a-col>
        </a-tab-pane>
  
        <a-tab-pane   tab="首页轮播图" key="2">
          <span>Tab 2</span>
        </a-tab-pane>
        <a-tab-pane tab="在线客服" key="3">
          <span>Tab 3</span>
        </a-tab-pane>
      </a-tabs>
      
    </a-card>
  </a-watermark>
  </template>
  <script >

  export default {
  name: 'Basicsetting',

  i18n: require('./i18n'),
  data () {
    return {
      waterMarkerContent: '水印内容' 
    }
  },
  created() {
    setTimeout(() => this.loading = !this.loading, 1000)
  },
 
}
</script>

<style scoped>
/* tile uploaded pictures */
.upload-list-inline :deep(.ant-upload-list-item) {
  float: left;
  width: 200px;
  margin-right: 8px;
}
.upload-list-inline [class*='-upload-list-rtl'] :deep(.ant-upload-list-item) {
  float: right;
}